(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[357],{

/***/ 1174:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony default export */ __webpack_exports__["a"] = (__webpack_require__.p + "static/term-pingfang.bcf3c12.png");

/***/ }),

/***/ 1175:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony default export */ __webpack_exports__["a"] = (__webpack_require__.p + "static/term-hiragino.ec07bf8.png");

/***/ }),

/***/ 1176:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony default export */ __webpack_exports__["a"] = (__webpack_require__.p + "static/term-microsoft.9765296.png");

/***/ }),

/***/ 1177:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony default export */ __webpack_exports__["a"] = (__webpack_require__.p + "static/term-sf.c445319.png");

/***/ }),

/***/ 1178:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony default export */ __webpack_exports__["a"] = (__webpack_require__.p + "static/term-helvetica.79097b6.png");

/***/ }),

/***/ 1179:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony default export */ __webpack_exports__["a"] = (__webpack_require__.p + "static/term-arial.d119690.png");

/***/ }),

/***/ 1180:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony default export */ __webpack_exports__["a"] = ("");

/***/ }),

/***/ 754:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.prod.js
var vue_esm_browser_prod = __webpack_require__(0);

// EXTERNAL MODULE: ./website/assets/images/term-pingfang.png
var term_pingfang = __webpack_require__(1174);

// EXTERNAL MODULE: ./website/assets/images/term-hiragino.png
var term_hiragino = __webpack_require__(1175);

// EXTERNAL MODULE: ./website/assets/images/term-microsoft.png
var term_microsoft = __webpack_require__(1176);

// EXTERNAL MODULE: ./website/assets/images/term-sf.png
var term_sf = __webpack_require__(1177);

// EXTERNAL MODULE: ./website/assets/images/term-helvetica.png
var term_helvetica = __webpack_require__(1178);

// EXTERNAL MODULE: ./website/assets/images/term-arial.png
var term_arial = __webpack_require__(1179);

// EXTERNAL MODULE: ./website/assets/images/typography.png
var typography = __webpack_require__(1180);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist/templateLoader.js??ref--6!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/zh-CN/typography.md?vue&type=template&id=edfe5f0e








const _hoisted_1 = {
  class: "content element-doc"
};

const _hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Typography 字体 ");

const _hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "我们对字体进行统一规范，力求在各个操作系统下都有最佳展示效果。", -1);

const _hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("字体 ");

const _hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", {
  class: "demo-term-box"
}, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("img", {
  src: term_pingfang["a" /* default */],
  alt: ""
}), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("img", {
  src: term_hiragino["a" /* default */],
  alt: ""
}), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("img", {
  src: term_microsoft["a" /* default */],
  alt: ""
}), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("img", {
  src: term_sf["a" /* default */],
  alt: ""
}), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("img", {
  src: term_helvetica["a" /* default */],
  alt: ""
}), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("img", {
  src: term_arial["a" /* default */],
  alt: ""
})], -1);

const _hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("字号 ");

const _hoisted_7 = {
  class: "demo-typo-size"
};

const _hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "层级"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "字体大小"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", {
  class: "color-dark-light"
}, "举例")], -1);

const _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "用 Element Plus 快速搭建页面", -1);

const _hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("行高 ");

const _hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("img", {
  class: "lineH-left",
  src: typography["a" /* default */]
}), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("ul", {
  class: "lineH-right"
}, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("li", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("line-height:1 "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", null, "无行高")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("li", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("line-height:1.3 "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", null, "紧凑")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("li", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("line-height:1.5 "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", null, "常规")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("li", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("line-height:1.7 "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", null, "宽松")])])], -1);

const _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Font-family 代码 ");

const _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", {
  class: "example-code"
}, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "hljs language-css"
}, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "font-family"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(": '"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "Helvetica"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "Neue"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("', "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "Helvetica"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", '"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "PingFang"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "SC"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("', '"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "Hiragino"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "Sans"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "GB"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("',\n  '"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "Microsoft"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "YaHei"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("', '微软雅黑', "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "Arial"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "hljs-selector-tag"
}, "sans-serif"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(";\n")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("span", {
  class: "lang-mark"
}, "css")], -1);

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_app_link = Object(vue_esm_browser_prod["resolveComponent"])("app-link");

  const _component_app_heading = Object(vue_esm_browser_prod["resolveComponent"])("app-heading");

  const _component_right_nav = Object(vue_esm_browser_prod["resolveComponent"])("right-nav");

  return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("section", _hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "typography-zi-ti",
    content: "Typography 字体",
    href: "#typography-zi-ti",
    level: "2"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#typography-zi-ti"
    })]),
    _: 1
  }), _hoisted_3, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "zi-ti",
    content: "字体",
    href: "#zi-ti",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#zi-ti"
    })]),
    _: 1
  }), _hoisted_5, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "zi-hao",
    content: "字号",
    href: "#zi-hao",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_6, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#zi-hao"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createElementVNode"])("table", _hoisted_7, [Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [_hoisted_8, (Object(vue_esm_browser_prod["openBlock"])(true), Object(vue_esm_browser_prod["createElementBlock"])(vue_esm_browser_prod["Fragment"], null, Object(vue_esm_browser_prod["renderList"])($data.fontSizes, (fontSize, i) => {
    return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("tr", {
      key: i,
      style: Object(vue_esm_browser_prod["normalizeStyle"])(`font-size: var(--el-font-size-${fontSize.type})`)
    }, [Object(vue_esm_browser_prod["createElementVNode"])("td", null, Object(vue_esm_browser_prod["toDisplayString"])(fontSize.level), 1), Object(vue_esm_browser_prod["createElementVNode"])("td", null, Object(vue_esm_browser_prod["toDisplayString"])(fontSize.size + ' ' + $options.formatType(fontSize.type)), 1), _hoisted_9], 4);
  }), 128))])]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "xing-gao",
    content: "行高",
    href: "#xing-gao",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_10, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#xing-gao"
    })]),
    _: 1
  }), _hoisted_11, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "font-family-dai-ma",
    content: "Font-family 代码",
    href: "#font-family-dai-ma",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_12, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#font-family-dai-ma"
    })]),
    _: 1
  }), _hoisted_13, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/zh-CN/typography.md?vue&type=template&id=edfe5f0e

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/zh-CN/typography.md?vue&type=script&lang=js
const fontSizes = [{
  level: '辅助文字',
  type: 'extra-small',
  size: '12px'
}, {
  level: '正文（小）',
  type: 'small',
  size: '13px'
}, {
  level: '正文',
  type: 'base',
  size: '14px'
}, {
  level: '小标题',
  type: 'medium',
  size: '16px'
}, {
  level: '标题',
  type: 'large',
  size: '18px'
}, {
  level: '主标题',
  type: 'extra-large',
  size: '20px'
}];
/* harmony default export */ var typographyvue_type_script_lang_js = ({
  data() {
    return {
      fontSizes
    };
  },

  methods: {
    formatType(type) {
      return type.split('-').map(item => item.charAt(0).toUpperCase() + item.slice(1)).join(' ');
    }

  }
});
// CONCATENATED MODULE: ./website/docs/zh-CN/typography.md?vue&type=script&lang=js
 
// CONCATENATED MODULE: ./website/docs/zh-CN/typography.md



typographyvue_type_script_lang_js.render = render

/* harmony default export */ var zh_CN_typography = __webpack_exports__["default"] = (typographyvue_type_script_lang_js);

/***/ })

}]);